<template>
	<view>
		<view class="contain">
			<view class="header">
				<view class="title">题目：</view>
				<view class="tit">
					{{topic.question}}
				</view>
			</view>
			<view class="author">
				作者: {{topic.author}}
			</view>
			<view class="answer">
				<view class="title">题目解析: </view>
				<view class="txt">
					{{topic.answer}}
				</view>
			</view>
			<view class="message">
				备注：{{topic.message}}
			</view>
		</view>
	</view>
</template>

<script setup>
defineProps({
	topic: {
		type: Object
	}
})
</script>

<style lang="scss">
.title {
	color: deepskyblue;
	font-size: 18px;
	font-weight: bold;
}
.contain {
	// background-color: skyblue;
	width: 100%;
	height: 100%;
	overflow: scroll;
	padding: 20rpx 30rpx;
	box-sizing: border-box;
	.header {
		.tit {
			padding: 20rpx 0;
			line-height: 1.75;
		}
	}
	.author {
		height: 80rpx;
		lighting-color: 80rpx;
		color: #666;
		
	}
	.answer {
		.txt {
			padding: 20rpx 0rpx;
			line-height: 1.75;
			text-indent: 80rpx;
		}
	}
	.message {
		padding: 20rpx 0rpx;
		color: #555;
	}
}
// 隐藏滚动条
::-webkit-scrollbar {
	display: none;
}
</style>